<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			*{font-family: "microsoft yahei"; padding:0px;margin:0px;}
			section{border:1px solid #ddd; margin:20px;padding:20px;}
			section h3{position:relative;font-family:"arial black";}
			section h3:before{content: ""; position:absolute; left:-10px;top: 50%;margin-top:-5px;width:0px;height:0px; border-top:6px solid transparent; border-bottom:6px solid transparent; border-left:6px solid #666; border-right:6px solid transparent;}
		</style>
	</head>
	<body>
		<section>
			<h3>分页插件的使用方法</h3>
			<div>
				<pre>
					<code>
						html调用：
						<div class="pagelist fr">
							<div class=" pagedesc fl">当前<span class="currentPage"></span>/<span class="totalpage"></span>，每页<span class="perpage"></span>条，共<span class="totalnumber"></span>条</div>
							<div class="pagination inline-block fl"></div>
							<div class="inline-block fl">
								到第<input type="text" value="" class="gotopage" />页 <input type="button" value="跳转" class="search-input-button border-radius bgblue gotopage_button"></span>
							</div>
						</div>
					</code>
				</pre>
				<pre>
					<code>
						<p>调用jPages.min.js和pageFun.js</p>
						var pageObj = new pageFun();  
					  	var currentpage=1,perPage=10,totalNumber=50; 		
						pageObj.pageNoObj= $('#pageNo');  /*pageNo为 存放了当前页的对象*/
						pageObj.submitFun=function(){
							$('#searchForm').submit(); /*表单提交刷新页面进行分页里面的处理方式不必管*/
						}
					 
					</code>
				</pre>
				
				
			</div>
			 
		</section>
		
		<section>
			<h3>弹框插件的使用方法</h3>
			<div>
				
			</div>
		</section>
		
		<section>
			<h3>select下拉的使用方法</h3>
			<div>
				
			</div>
		</section>
		
		<section>
			<h3>复选框的使用方法</h3>
			<div>
				
			</div>
		</section>
		
		<section>
			<h3>省市区插件的使用方法</h3>
			<div>
				
			</div>
		</section>
		
		<section>
			<h3>表单验证插件的使用方法</h3>
			<div>
				
			</div>
		</section>
		
		<section>
			<h3>重置按钮的使用方法</h3>
			<div>
				
			</div>
		</section>
		
		
		<section>
			<h3>延迟加载的使用方法</h3>
			<div>
				
			</div>
		</section>
		
		<script>
			
		</script>
	</body>
</html>
